<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Virtual Rubik's Cube with WebGL</title>
<script type="text/javascript" src="lib/virtualrubik.js"></script>
<script type="text/javascript">includeVirtualRubik("lib");</script>
</head>
<body onLoad="attachVirtualRubik();">
<p>Virtual Rubik's Cube with WebGL</p>
<canvas id="canvas1" class="virtualrubik" style="border: 1px solid" width="400" height="400"></canvas>
<canvas id="canvas2" class="virtualrubik" style="border: 1px solid" width="400" height="200"></canvas>
<p><input type="checkbox" 
    onchange="document.getElementById('canvas1').virtualrubik.setAutorotate(this.checked);">Autorotate</input></p>
<p><button type="button"
    onclick="document.getElementById('canvas1').virtualrubik.reset();">Reset</button>
   <button type="button"
    onclick="document.getElementById('canvas1').virtualrubik.scramble();">Scramble</button>
   <button type="button"
    onclick="document.getElementById('canvas1').virtualrubik.wobble();">Wobble</button>
   <button type="button"
    onclick="document.getElementById('canvas1').virtualrubik.explode();">Explode</button></p>
<p>© 2011 Werner Randelshofer. All Rights Reserved.</p>
</body>
</html> 
